<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
 
    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.net/popper.js/2.9.3/umd/popper.min.js"></script>
 
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
</head>

<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <form action="http://localhost:8081/zhuce" method="post" class="was-validated">
                <h1>区块链宠物领养后台管理系统</h1>
                <h3 class="text-center">注册</h3>

                <div class="form-group">
                <label for="uname">账户:</label>
                <input type="text" class="form-control" id="uname" placeholder="请输入账户" name="user" required>
                <div class="valid-feedback"></div>
                <div class="invalid-feedback">请输入账户</div>
                </div>
                
                <div class="form-group mb-3">
                <label for="pwd">密码:</label>
                <input type="password" class="form-control" id="pwd" placeholder="请输入密码" name="password" required>
                <div class="valid-feedback"></div>
                <div class="invalid-feedback">请输入密码！</div>
                </div>

                <div class="form-group mb-3">
                    <label for="pwd">确认:</label>
                    <input type="password" class="form-control" id="pwd2" placeholder="请确认密码" name="repass" required>
                    <div class="valid-feedback"></div>
                    <div class="invalid-feedback">请确认密码！</div>
                </div>

                <div class="d-flex justify-content-center">
                    <div class="btn-group">
                        <button type="button" class="btn btn-primary  mr-5">返回</button>
                    </div>

                    <div class="btn-group">
                        <button type="submit" class="btn btn-primary ml-5">提交</button>
                    </div>
                </div>

            </form>

        </div>
    </div>
</div>

</body>
</html>
